<template>
  <a-card class="ax__template SystemDict" :body-style="bodyStyle">
    <a-flex vertical class="h-100">
      <HeadVue />
      <div class="data__content">
        <TableVue v-if="typeTable.viewMode === 'table'" data-selection-exclude></TableVue>
        <CardVue v-else></CardVue>
      </div>
      <FooterVue></FooterVue>
      <FormVue />
    </a-flex>
  </a-card>
</template>

<script setup lang="ts">
import { bodyStyle } from '@/global/config/gen';
import { typeList } from './data/curd';
import { typeTable } from './data/table';
import FooterVue from './pages/components/AXFooter.vue';
import FormVue from './pages/components/AXForm.vue';
import HeadVue from './pages/components/AXHead.vue';
import CardVue from './pages/table-card/AXCard.vue';
import TableVue from './pages/table-card/AXTable.vue';

onMounted(async () => {
  await typeList();
});
</script>

<style lang="scss" scoped></style>
